<!DOCTYPE html>
<!-- saved from url=(0036)http://www.songoftime.com/index.html -->
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="initial-scale=1,minimum-scale=1">
    <link href="img/favicon.ico" rel="shortcut icon" type="image/x-icon">
    <title>时之歌Project物语音乐官方网站</title>
    <meta name="description" content="维尔哈伦大陆由四个国家组成,分别为东国 - 楻 Wong、南国 - 塔帕兹 Tarpaz、西国 - 弗尔萨瑞斯 Fersares和北国 - 艾格尼萨 Agnesa">
    <meta name="keywords" content="时之歌官网,时之歌Project,时之歌,时之歌地图,songoftime">
    <!--[if lt IE 9]>
    <script type="text/javascript" src="js/html5.js"></script>
    <script type="text/javascript" src="js/css3-mediaqueries.js"></script>
    <![endif]-->
    <script type="text/javascript" src="js/jquery-1.11.2.min.js"></script>
    <script type="text/javascript" src="js/fastclick.js"></script>
    <script type="text/javascript" src="js/jquery.mCustomScrollbar.concat.min.js"></script>
    <link href="css/jquery.mCustomScrollbar.min.css" rel="stylesheet">
    <link href="css/shared.css" rel="stylesheet">
    <link href="css/index.css" rel="stylesheet">
</head>
<body>
<div class="wrapper-bg">
    <div class="wrapper">
        <img class="map-bg" src="img/map_bg.png" alt="">
        <div class="d-leaf"></div>
        <section id="map-countries">
            <p class="country-e">
                <img class="block" src="img/map_block_e.png" alt="">
                <img class="shadow" src="img/map_shadow_e.png" alt="">
                <img class="flag" src="img/map_flag_e.png" alt="">
            </p>
            <p class="country-s">
                <img class="block" src="img/map_block_s.png" alt="">
                <img class="shadow" src="img/map_shadow_s.png" alt="">
                <img class="flag" src="img/map_flag_s.png" alt="">
            </p>
            <p class="country-w">
                <img class="block" src="img/map_block_w.png" alt="">
                <img class="shadow" src="img/map_shadow_w.png" alt="">
                <img class="flag" src="img/map_flag_w.png" alt="">
            </p>
            <p class="country-n">
                <img class="block" src="img/map_block_n.png" alt="">
                <img class="shadow" src="img/map_shadow_n.png" alt="">
                <img class="flag" src="img/map_flag_n.png" alt="">
            </p>
            <ul class="menu">
                <li><a class="btn-fiction" data-clickbgm="clickBGM" href="#" data-width="119" data-height="100"></a></li>
                <li><a class="btn-timeline" data-clickbgm="clickBGM" data-spopup=".timeline" data-width="647" data-height="370"></a></li>
                <li><a class="btn-character" data-clickbgm="clickBGM" href="character.html" data-width="647" data-height="450"></a></li>
                <li><a class="btn-story" data-clickbgm="clickBGM" data-spopup=".story" data-width="647" data-height="438"></a></li>
                <li><a class="btn-about" data-clickbgm="clickBGM" data-spopup=".about" data-width="647" data-height="420"></a></li>
            </ul>
        </section>
        <img class="map-mask" src="img/map_mask.png" usemap="#countrymap" alt="">
        <map name="countrymap" id="countrymap">
            <area data-spopup=".info-e" data-clickbgm="clickBGM" data-hoverbgm="hoverBGM" data-country="e" shape="poly" alt="楻" data-coords="654,305,706,308,758,271,766,215,820,220,877,217,925,242,945,281,980,296,1031,300,1065,308,1091,330,1115,334,1114,404,1044,438,947,477,877,407,790,430,772,422,770,485,734,452,728,421,653,410,630,362" coords="624,291,673,293,723,258,730,205,782,209,836,207,882,230,901,268,935,282,983,286,1016,293,1041,314,1063,318,1062,385,996,417,903,455,836,388,753,410,736,402,734,462,700,431,694,401,623,391,601,345">
            <area data-spopup=".info-w" data-clickbgm="clickBGM" data-hoverbgm="hoverBGM" data-country="w" shape="poly" alt="弗尔萨瑞斯" data-coords="558,142,492,152,392,205,355,280,307,314,277,392,328,400,351,477,387,444,434,424,478,439,528,413,554,480,567,421,630,421,688,442,744,439,728,410,661,407,633,360,658,272,633,239,577,260,544,234" coords="532,135,469,145,374,195,338,267,292,299,264,374,312,381,334,455,369,423,414,404,456,418,503,394,528,458,541,401,601,401,656,421,709,418,694,391,630,388,604,343,627,259,604,228,550,248,519,223">
            <area data-spopup=".info-s" data-clickbgm="clickBGM" data-hoverbgm="hoverBGM" data-country="s" shape="poly" alt="塔帕兹" data-coords="852,422,867,464,803,487,701,576,766,667,852,668,908,701,975,619,954,599,981,565,990,525" coords="812,402,827,442,766,464,668,549,730,636,812,637,866,668,930,590,910,571,936,539,944,500">
            <area data-spopup=".info-n" data-clickbgm="clickBGM" data-hoverbgm="hoverBGM" data-country="n" shape="poly" alt="艾格尼萨" data-coords="570,36,559,63,540,227,578,268,633,243,654,305,706,308,758,271,766,215,820,220,877,217,925,242,945,281,980,296,1031,300,1065,308,1091,330,1135,321,1169,312,1137,253,1138,190,1115,144,1089,101,1069,60,1004,67,947,95,868,83,845,58,867,42" coords="543,34,533,60,515,216,551,255,604,231,624,291,673,293,723,258,730,205,782,209,836,207,882,230,901,268,935,282,983,286,1016,293,1041,314,1083,306,1115,297,1084,241,1085,181,1063,137,1039,96,1020,57,958,63,903,90,828,79,806,55,827,40">
        </map>
        <p class="copyright">Copyright © 2015 Funtune. Corporation, All Rights Reserved 泛音堂 版权所有 Powered By.八崇科技<br><a href="#" target="_blank">沪ICP备15049970号</a></p>

    </div>
    <audio autoplay="autoplay" loop="loop">
        <source src="media/audio/index-bgm.mp3" type="audio/mpeg">
        <source src="media/audio/index-bgm.ogg" type="audio/ogg">
    </audio>
    <audio id="clickBGM">
        <source src="media/audio/click-bgm.mp3" type="audio/mpeg">
        <source src="media/audio/click-bgm.ogg" type="audio/ogg">
    </audio>
    <audio id="hoverBGM">
        <source src="media/audio/hover-bgm.mp3" type="audio/mpeg">
        <source src="media/audio/hover-bgm.ogg" type="audio/ogg">
    </audio>
</div>
<div class="popup-wrapper info-e">
    <div class="popup-bg"></div>
    <div class="popup-layout" data-cpopup=".info-e">
        <img src="img/map_info_e.png" alt="">
    </div>
</div>
<div class="popup-wrapper info-w">
    <div class="popup-bg"></div>
    <div class="popup-layout" data-cpopup=".info-w">
        <img src="img/map_info_w.png" alt="">
    </div>
</div>
<div class="popup-wrapper info-s">
    <div class="popup-bg"></div>
    <div class="popup-layout" data-cpopup=".info-s">
        <img src="img/map_info_s.png" alt="">
    </div>
</div>
<div class="popup-wrapper info-n">
    <div class="popup-bg"></div>
    <div class="popup-layout" data-cpopup=".info-n">
        <img src="img/map_info_n.png" alt="">
    </div>
</div>
<div class="popup-wrapper story">
    <div class="popup-bg"></div>
    <div class="popup-layout mCustomScrollbar _mCS_1 mCS_no_scrollbar"><div id="mCSB_1" class="mCustomScrollBox mCS-light mCSB_vertical mCSB_inside" tabindex="0"><div id="mCSB_1_container" class="mCSB_container mCS_y_hidden mCS_no_scrollbar_y" dir="ltr">
        <article data-cpopup=".story">
            <p>
                至高神诞生于虚无。<br>
                它醒来时，世间是一片荒漠。<br>
                它用神力笼罩星球，将毁灭性的宇宙射线隔绝。<br>
                而后有了水，而后有草、有虫、有鱼、有走兽和飞鸟。<br><br>
                之后万万年，生命如期演化。<br>
                直到一次偶然的时空裂隙，一股暴烈的能量侵袭了整个星球。<br>
                神力与这股能量相互碰撞，相互厮杀。<br>
                最终，至高神镇压了这股能量，将它封存在星球最核心的深处。<br>
                神因力量消耗过大陷入沉睡。<br>
                当它再次苏醒时，发现星球上出现了一种与他类完全不同的生物：人。<br>
                原来，在至高神沉眠之后，有一丝外来能量从星球内部开始向外缓慢扩张，最终在地表形成了一颗能量结晶“瑟瓦”。<br>
                一群猿猴在无意间得到了瑟瓦，在它的作用下，猿猴群体飞速进化，最后变成了直立行走的智慧生物“人类”。
            </p>
            <p>
                至高神尝试着将这股恐怖能量再次驱离。<br>
                但在它沉睡的这段时间里，整个星球内部已经被能量同化，一旦将能量抽离，星球会立即崩溃。<br>
                于是，至高神无奈地接受了现实。<br>
                它将神力融入地核能量，并且缓慢地将能量混合体引导到地表，形成了幻光花与莎华宝石。<br>
                幻光花大多生长在林地茂密的东方土地，花开时会引发强烈的神力波动，美丽优雅却转瞬即逝。<br>
                而莎华宝石则只出现在各种矿脉的伴生物中，其能量更为平和稳定，但深埋地底不为人知。<br>
                人类作为被沙华力量促成的生命，对幻光莎华有着天生的敏感。<br>
                而最先得到这种神力的是一名幸运的奴隶：圣者哈兰。<br>
                他以绝对的力量统合了所有东方部落，并组建了第一个国家：“楻”国。<br>
                他制定了历法，将这一年定为元年。<br>
                魔法的时代开启。
            </p>
            <p>
                其后，人类社会进入迅速发展期。<br>
                人们开始疯狂地收集各种幻光莎华，想尽方法得到其中的神力。<br>
                在无数次成功或失败的实验之后，最终形成了3种力量形态：<br>
                极少部分人可以直接食用幻光莎华，并由之产生不同的神力，他们被称为：天选者。<br>
                一部分人将幻光莎华视作信仰，视作图腾。他们对其膜拜，将其随身携带。在与幻光莎华长时间的接触过程中，他们的身体也产生了异变，获得部分神力。他们被称为：狂信者。<br>
                还有一部分人无法直接得到神力。他们另辟蹊径，将幻光莎华与其他各种物质混合，并衍生出多种多样的奇异效果。他们被称为：炼金者。<br>
                天选者与狂信者非常不喜炼金者随意滥用幻光莎华的行为。<br>
                于是他们逐渐停止了对炼金者提供幻光莎华。<br>
                在一次妄图盗取幻光莎华的阴谋被发现之后，天选者与狂信者联手驱逐了炼金者们。<br>
                他们被迫离开故土，辗转流浪，最后在北方高原定居，并发展成为一个新的国度：艾格尼萨。
            </p>
            <p>
                纪元1776年，贤者瓦特终于突破了能量桎梏，发明了魔动机。<br>
                之后数十年间，各式魔动机械粉墨登场，科技进入大爆发期。<br>
                纪元1802年，第一艘魔动飞艇制作完成。<br>
                依靠飞艇的运输动力，艾格尼萨人成功穿越了茫茫的西方死亡沙漠，到达新的乐土：弗尔萨瑞斯。<br>
                随着时间的流逝，艾格尼萨人在享乐中渐渐沉沦，堕落。<br>
                他们不事生产，反而依靠弗尔萨瑞斯的进贡维持着奢华的生活。<br>
                弗尔萨瑞斯人对北方艾格尼萨人日益贪婪无度的物质要求极为不满。<br>
                纪元2418年，内战爆发。<br>
                战争持续了近百年。<br>
                最终，由于能源和物资的缺乏，艾格尼萨不得不承认弗尔萨瑞斯的独立。<br>
                他们被迫撤离了西方大陆，回到日益冰冷严酷的北方。<br>
                纪元2567年，极北冰川的灾变吞没了近半的北方大陆。<br>
                艾格尼萨人纠集了所有炼金师，打造出5个巨大的浮空城市。<br>
                北方的王者隐没在了重重风雪之中，舔舐着伤口，静待良机。
            </p>
            <p>
                科技的发展同样影响了东方古国。<br>
                从北方传来的各种精妙机械引发了年轻人的追捧热潮。<br>
                其中，不被神力偏爱的底层楻国人最快接受了这种新事物。<br>
                他们争相从北归的商队购买书籍，如饥似渴地学习魔动科学。<br>
                这种现象引发了楻国上层的警惕。<br>
                炼金者的前由依然历历在目，保守的东方力量者们并不喜欢这些奇淫巧技。<br>
                保守派和改革派的不同理念在东方大陆引发了长期的争论。<br>
                这场纷争一直持续到纪元2833年。<br>
                改革派的魔力舰队在南部海域发现了绵延广阔的群岛。那里物产丰富，气候迷人。<br>
                这一发现让改革派们欢欣鼓舞。<br>
                大量的移民被送往南岛，他们开辟荒山险地，建造城镇和港口。<br>
                最终，绝大部分的改革派选择投身新大陆。<br>
                他们在南岛建立了自己的国度：塔帕兹。
            </p>
            <p>
                为了应对愈演愈烈的能源危机，西国弗尔萨瑞斯科学院成功研制出了光能转换系统，通过大面积的光能镜可以有效地将太阳能量转换为类莎华能量石。<br>
                这一技术首先被运用到了魔傀儡工厂，大批低耗能可持续运作的机械兵源源不断地被生产组装成型，作为常备武力编入各个军团。<br>
                由此，保守派和激进派对于怎样运用傀儡兵的矛盾更加激化，整个西国上层分裂成为长老院与军部两大阵营。<br>
                纪元3820年，弗尔萨瑞斯长老院无视军部的抗议，组建了直属武装傀儡兵团，并悍然向北国艾格尼萨不宣而战。<br>
                不眠不休不需后勤的傀儡兵团迅速突破了沙漠前哨，西北双方在阿卡迪纳要塞下展开了激烈的攻防战。<br>
                起初，机械兵们如潮水一般持续不断的攻势对北方守军造成了很大困扰，但随着时间的推移，傀儡兵低智能以及反应迟缓的弱点愈发显现。<br>
                在艾格尼萨强大的飞艇编队加入战场之后，被牢牢掌握的制空权将倾斜的战争天平慢慢扳了回来。<br>
                这场突如其来的战争一时之间陷入了僵局……
            </p>
            <p>
                纪元3828年，西国弗尔萨瑞斯与北国艾格尼萨之间长达8年多的拉锯战争以戏剧性的方式结束了。<br>
                雄关阿卡迪纳突然爆发的神力大爆炸震惊世界，神力紊乱留下的时空裂隙演变成黑色禁区，异界怪兽通过缝隙纷纷来到凡间，祸乱各地。<br>
                有鉴于此，西国军方向民间发起号召，组建了佣兵工会，集合有志者对抗凶恶的异兽。<br>
                工会的发展迅速到令人惊异，很快他们就在北国和东国也建立了分支基地，尚武的热潮传遍了大陆，一时间应者如云。<br>
                这场轰轰烈烈的佣兵浪潮运动中，南国保持了诡异的沉默，然而愈加频繁地来往于西南两国的舰队群似乎预示了平静之下涌动着的暗流。<br>
                能源危机仍在持续，西北两国的僵持局面也并未发生改变，阴影之下，潜伏着名为战争的巨兽。<br>
                时间来到纪元3836年夏末，一个南国的高中交换生乘着帆船回到了楻国的京城，他青春洋溢的双眸憧憬着带有无限希望的未来。<br>
                然而命运，正悄无声息地慢慢向他靠近……
            </p>
        </article>
    </div><div id="mCSB_1_scrollbar_vertical" class="mCSB_scrollTools mCSB_1_scrollbar mCS-light mCSB_scrollTools_vertical" ><div class="mCSB_draggerContainer"><div id="mCSB_1_dragger_vertical" class="mCSB_dragger" oncontextmenu="return false;"><div class="mCSB_dragger_bar" ></div></div><div class="mCSB_draggerRail"></div></div></div></div></div>
</div>
<div class="popup-wrapper about">
    <div class="popup-bg"></div>
    <div class="popup-layout mCustomScrollbar _mCS_2 mCS_no_scrollbar"><div id="mCSB_2" class="mCustomScrollBox mCS-light mCSB_vertical mCSB_inside" tabindex="0"><div id="mCSB_2_container" class="mCSB_container mCS_y_hidden mCS_no_scrollbar_y" dir="ltr">
        <article data-cpopup=".about">
            <h2>
                关于《时之歌》
            </h2>
            <p>
                传说，在某一个或是特殊、或是平凡的日子<br>
                维尔哈伦大陆上的一位贤者在沙漠的绿洲中停下了脚步<br>
                道阻且长，疲累拖垮了他的身躯<br>
                即便是幻光莎华亦不能再延续他的寿命<br>
                贤者以法力让屋脊破土而出，以凤凰之泪浇灌土地，羽翼为外部装点<br>
                创建出一个巨大的藏书馆<br>
                他将毕生所学抽丝剥茧，化为本本图书储藏于馆中<br>
                更将外部构建为适宜生存的生态区，在入口设置空间驿站<br>
                以生命乐章召唤圣灵庇佑，以此命名驿站为“时之歌”
            </p>
            <p>
                这是维尔哈伦大陆上少数在四个国家中都广为流传的童话故事<br>
                当然，并不会有人将它信以为真<br>
                所以，当少年为了赚取生活费而来到这家名为“时之歌”的书吧打工时<br>
                他根本不会认为这就是传说中的所在，也不会想象得到未来自己所将经历的一切
            </p>
            <p>
                在维尔哈伦的现时<br>
                8年前西北两国的战役刚告一段落，局势相对稳定<br>
                而能源持续枯竭，各国间暗中摩擦不断，表面的平静之下实则暗潮汹涌<br>
                但身为平民的少年只想成就学业安稳度日<br>
                不曾想无意间触碰到的神秘之书<br>
                会引起之后巨大的风波
            </p>
            <p>
                “光与暗注定交汇，<br>
                诗人与十位圣徒于逆流之川邂逅，<br>
                纵横明灭，化作时光流沙的终焉”
            </p>
            <p>
                《时之歌》序章~暮日醒觉诗~<br>
                将以5+10首涵盖不同曲风的原创歌曲，辅以PV，小说，漫画等形式<br>
                为大家勾勒出维尔哈伦大陆的基本风貌
            </p>
            <p>
                敬请期待
            </p>
        </article>
    </div><div id="mCSB_2_scrollbar_vertical" class="mCSB_scrollTools mCSB_2_scrollbar mCS-light mCSB_scrollTools_vertical" ><div class="mCSB_draggerContainer"><div id="mCSB_2_dragger_vertical" class="mCSB_dragger" oncontextmenu="return false;"><div class="mCSB_dragger_bar"></div></div><div class="mCSB_draggerRail"></div></div></div></div></div>
</div>
<div class="popup-wrapper timeline">
    <div class="popup-bg"></div>
    <div class="popup-layout horizontal mCustomScrollbar _mCS_3 mCS_no_scrollbar">
    <div id="mCSB_3" class="mCustomScrollBox mCS-light mCSB_vertical mCSB_inside"  tabindex="0">
    <div id="mCSB_3_container" class="mCSB_container mCS_y_hidden mCS_no_scrollbar_y"  dir="ltr">
        <div data-cpopup=".timeline">
            <ul>
                <li>
                    <a href="trailer.html" data-clickbgm="clickBGM" class="ltr">
                        <img src="img/tl_1128.png" alt="预告1128" class="mCS_img_loaded">
                    </a>
                </li>
                <li>
                    <a href="#" data-clickbgm="clickBGM" class="rtl">
                        <img src="img/tl_1205.png" alt="小剧场1205" class="mCS_img_loaded"></a>
                </li>
                <li class="south">
                    <a href="#" data-clickbgm="clickBGM" class="ltr">
                        <img src="img/tl_1212.png" alt="南国Tarpaz" class="mCS_img_loaded"></a>
                </li>
                <li class="south">
                    <a href="#" data-clickbgm="clickBGM" class="rtl">
                        <img src="img/tl_0102.png" alt="东国Wong" class="mCS_img_loaded">
                    </a>
                </li>
                <li class="south">
                    <a href="#" data-clickbgm="clickBGM" class="ltr">
                        <img src="img/tl_0123.png" alt="北国Agnesa" class="mCS_img_loaded">
                    </a>
                </li>
                <li class="west">
                    <a href="#" data-clickbgm="clickBGM" class="rtl">
                        <img src="img/tl_0220.png" alt="西国Fersares" class="mCS_img_loaded">
                    </a>
                </li>
                <li class="south">
                    <a href=#" data-clickbgm="clickBGM" class="ltr">
                        <img src="img/tl_0312.png" alt="时之歌" class="mCS_img_loaded">
                    </a>
                </li>
                <li class="south">
                    <a href="#" data-clickbgm="clickBGM" class="rtl">
                        <img src="img/tl_0402.png" alt="赛科尔" class="mCS_img_loaded">
                    </a>
                </li>
                <li class="south">
                    <a href="#" data-clickbgm="clickBGM" class="ltr">
                        <img src="img/tl_0501.png" alt="云轩" class="mCS_img_loaded">
                    </a>
                </li>
            </ul>
        </div>
    </div>
        <div id="mCSB_3_scrollbar_vertical" class="mCSB_scrollTools mCSB_3_scrollbar mCS-light mCSB_scrollTools_vertical" >
            <div class="mCSB_draggerContainer">
                <div id="mCSB_3_dragger_vertical" class="mCSB_dragger" oncontextmenu="return false;">
                    <div class="mCSB_dragger_bar"></div>
                </div>
                <div class="mCSB_draggerRail"></div>
            </div>
        </div>
    </div>
    </div>
</div>
<script type="text/javascript" src="js/shared.js"></script>
<script type="text/javascript" src="js/index.js"></script>
<!--<script>-->
    <!--var _hmt = _hmt || [];-->
    <!--(function () {-->
        <!--var hm = document.createElement("script");-->
        <!--hm.src = "//hm.baidu.com/hm.js?d02a5356e8394e3d90608d673d3c0e80";-->
        <!--var s = document.getElementsByTagName("script")[0];-->
        <!--s.parentNode.insertBefore(hm, s);-->
    <!--})();-->
<!--</script>-->
</body>
</html>